/* ============================================================================================= */
/* =====>>> GLOBAL LAYOUT <<<=================================================================== */
/* ============================================================================================= */


/* ----->>> BODY SECTION <<<-------------------------------------------------------------------- */

/* Primary colors */
body 		{ color: #888; }
a 			{ color: #000; }
a:hover 		{ color: #ff0000; }
body * 		{ border-color: #e8e8e8; }

/* Meta colors */
.meta 			{ color: #aaa; } 
.meta a 			{ color: #666; } 
.meta a:hover 	{ color: #ff0000; }


code { background-color: #e8e8e8; border-color: #aaa; }

th { 
	border-color: #eee; 
	background: #eee; 
	background: -moz-linear-gradient(top, white, #eee);  
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#eee)); 
} 
tr.even td { background-color: #eee; }

input, select, textarea { 
	background-color: #eee; 
	border-color: #999 #ccc #ccc #999; 
	background: -moz-linear-gradient(top, #eee, #fff); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff)); 
}

/* --- Additional list styles --- */
ul.checklist li { background-image: url(../../images/foreground/black/bullet-checklist.png); }

/* --- Buttons --- */
.button { background-image: url(../../images/foreground/black/buttons.png); }
  .button span { background-image: url(../../images/foreground/black/buttons2.png); }

.active.button 		{ color: #fff; }  
.tertiary.button 	{ color: #666; }  
.secondary.button 	{ color: #333; }
.primary.button 		{ color: #fff; }  
.button:hover 		{ color: #fff; } 

/* --- Dividers ---*/
.divider { background-image: url(../../images/foreground/black/dividers.png); }

/* --- Fancy frames --- */
.c-12 .frame span.helper1, 
.frame.u-12 span.helper1, 
.c-12 .frame span.helper2, 
.frame.u-12 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-12.png); 
}

.c-11 .frame span.helper1, 
.frame.u-11 span.helper1, 
.c-11 .frame span.helper2, 
.frame.u-11 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-11.png); 
}

.c-10 .frame span.helper1, 
.frame.u-10 span.helper1, 
.c-10 .frame span.helper2, 
.frame.u-10 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-10.png); 
}

.c-9 .frame span.helper1, 
.frame.u-9 span.helper1, 
.c-9 .frame span.helper2, 
.frame.u-9 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-9.png); 
}

.c-8 .frame span.helper1, 
.frame.u-8 span.helper1, 
.c-8 .frame span.helper2, 
.frame.u-8 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-8.png); 
}

.c-7 .frame span.helper1, 
.frame.u-7 span.helper1, 
.c-7 .frame span.helper2, 
.frame.u-7 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-7.png); 
}

.c-6 .frame span.helper1, 
.frame.u-6 span.helper1, 
.c-6 .frame span.helper2, 
.frame.u-6 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-6.png); 
}

.c-5 .frame span.helper1, 
.frame.u-5 span.helper1, 
.c-5 .frame span.helper2, 
.frame.u-5 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-5.png); 
}

.c-4 .frame span.helper1, 
.frame.u-4 span.helper1, 
.c-4 .frame span.helper2, 
.frame.u-4 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-4.png); 
}

.c-3 .frame span.helper1, 
.frame.u-3 span.helper1, 
.c-3 .frame span.helper2, 
.frame.u-3 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-3.png); 
}

.c-2 .frame span.helper1, 
.frame.u-2 span.helper1, 
.c-2 .frame span.helper2, 
.frame.u-2 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-2.png); 
}

.c-1 .frame span.helper1, 
.frame.u-1 span.helper1, 
.c-1 .frame span.helper2, 
.frame.u-1 span.helper2 { 
	background-image: url(../../images/foreground/black/fancy-1.png); 
}

/* --- System messages --- */
.message.success 	{ background-color: #cffebf; color: #005826; border-color: #8fe573; }
.message.info 		{ background-color: #bfebfe; color: #000058; border-color: #73c0e6; }
.message.warning 	{ background-color: #fcfebf; color: #502800; border-color: #e5d973; }
.message.error 		{ background-color: #ffdfdf; color: #bf0000; border-color: #ffa5a5; }  

/* --- Text highlighting --- */
span.highlight { background-color: #fff000; }

/* --- Dropcaps --- */
span.dropcap { background-image: url(../../images/foreground/black/dropcap.png); color: #fff; }


/* ----->>> HEADER SECTION <<<------------------------------------------------------------------ */

/* --- Main navigation */
#main-navigation .helper1, #main-navigation .helper2 { 
	background-image: url(../../images/foreground/black/main-navigation.png); 
}

.dd-menu { background: url(../../images/foreground/black/main-navigation.png) -30px 0 no-repeat; }
  
.dd-menu li a { color: #fff; }  
.dd-menu li a:hover, .dd-menu li.current-menu-item a, .dd-menu li a.dd-path { 
	background: url(../../images/foreground/black/main-navigation.png) -30px -34px no-repeat; 	
	color: #fff;
}
  
.dd-menu li ul li a, .dd-menu li.current-menu-item ul li a { 
	background: #eee url(../../images/dd-submenu.png) no-repeat; 
	color: #666; 
}

.dd-menu li ul li a:hover, .dd-menu li.current-menu-item ul li a:hover, .dd-menu li ul li a.dd-path { 
	background: #000 none; 
	color: #fff; 
	background: -moz-linear-gradient(top, #000, #323232); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#323232)); 
}

.dd-menu a span.dd-arrow { background-image: url(../../images/foreground/black/arrow-down.png); }
.dd-menu ul a span.dd-arrow { background-image: url(../../images/foreground/black/arrow-right.png); }


/* ----->>> CONTENT SECTION <<<----------------------------------------------------------------- */
#content .hd { background: url(../../images/foreground/black/content-hd.png) no-repeat; }
  #content .hd h1 { color: #fff; }

/* --- Breadcrumbs --- */
.breadcrumbs 			{ color: #666; }
.breadcrumbs a 			{ color: #ccc; }
.breadcrumbs a:hover 	{ color: #ff0000; }

	
#content .bd { 
	background-color: #fff; 
	background-image: url(../../images/foreground/black/dividers.png); 
}


#content .ft .shadow { 
	background-color: #fff; 
	background-image: url(../../images/foreground/black/dividers.png); 
}
#content .ft .wrapper { background-color: #fff; }
#content .ft .helper1 { background-image: url(../../images/foreground/black/content-bottom-bg.png); }
  
#content .ft.special .shadow { background-color: #e6e6e6; }
#content .ft.special .wrapper { 
	background-color: #e6e6e6; 
	border-color: #e6e6e6; 	
}
#content .ft.special .helper1 { 
	background-image: url(../../images/foreground/black/content-bottom-alt-bg.png); 
}


/* ============================================================================================= */
/* =====>>> PAGE SPECIFIC LAYOUT <<<============================================================ */
/* ============================================================================================= */ 
    
/* ----->>> HOME <<<---------------------------------------------------------------------------- */ 

/* --- Slider --- */


#slider .slides img { background: url(../../images/preloader.gif) center center no-repeat; }

#slider.slider-coin .slides { background-color: #1a1a1a; }
#slider.slider-coin, 
#slider.slider-coin .slide .image a span.helper1, 
#slider.slider-coin .slide .image a span.helper2 { 
	background-image: url(../../images/foreground/black/slider-simple.png); 
}
#slider.slider-coin .navigation li a.coin { 
	background-image: url(../../images/foreground/black/slider-navigation.png); 
}

#slider.slider-thumb .slides { background-color: #1a1a1a; background-image: url(../../images/blocker.png); }
#slider.slider-thumb, 
#slider.slider-thumb .slide .image a span.helper1,
#slider.slider-thumb .slide .non-image span.helper1 { 
	background-image: url(../../images/foreground/black/slider-advanced.png); 
}     

#slider.slider-thumb .slide .non-image h2 { color: #fff; }


/* ----->>> PORTFOLIO <<<----------------------------------------------------------------------- */ 

/* --- Single project from portfolio --- */
.folio-single , 
.folio-single .slide span.helper1, 
.folio-single .slide span.helper2 { 
	background-image: url(../../images/foreground/black/slider-advanced.png); 
}

/* ----->>> 404 <<<----------------------------------------------------------------------------- */ 	
#error404 { background-image: url(../../images/foreground/black/content-hd.png); color: #999; }
  #error404 a { color: #ccc; }
  #error404 a:hover { color: #ff0000; }
